<docs>
---
order: 0
title:
  zh-CN: 基本使用
  en-US: Basic usage
description:
  zh-CN: 最简单的用法，适用于页面中展示重要的提示信息。
  en-US: The simplest usage, suitable for important reminder information.
---
</docs>

<template>
  <div>
    <BsAlert title="This is a 'primary' type alert!" type="primary"></BsAlert>
    <BsAlert title="This is a 'secondary' type alert!" type="secondary"></BsAlert>
    <BsAlert title="This is a 'success' type alert!" type="success"></BsAlert>
    <BsAlert title="This is a 'warning' type alert!" type="warning"></BsAlert>
    <BsAlert title="This is a 'danger' type alert!" type="danger"></BsAlert>
    <BsAlert title="This is a 'info' type alert!" type="info"></BsAlert>
    <BsAlert title="This is a 'light' type alert!" type="light"></BsAlert>
    <BsAlert title="This is a 'dark' type alert!" type="dark"></BsAlert>
  </div>
</template>
